.player-page {
	width: 700px;
	margin: auto;
	margin-top: 120px;

	.caption {
		font-size: 16px;
		color: rgb(47, 152, 66);
	}

	.cover {
		width: 180px;
		height: 180px;
		margin-left: 20px;
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		.coverBox{
			width: 180px;
			height: 180px;
			position: relative;
			.pointer{
				width: 70px;
			    height: 106px;
			    display: inline-block;
			    position: absolute;
			    top: -45px;
			    background-size: 100% 100%;
			    left: 12px;
			    transform: rotate(0deg);
			    transform-origin: right top;
			}
			.transform-rotate10{
				transform: rotate(10deg);
				-moz-transform: rotate(10deg);
				-webkit-transform: rotate(10deg);
				-o-transform: rotate(10deg);
			}
			@-webkit-keyframes rotation{
				from {-webkit-transform: rotate(0deg);}
				to {-webkit-transform: rotate(360deg);}
			}
			.rotate{
				-webkit-transform: rotate(360deg);
				animation: rotation 2s linear infinite;
				-moz-animation: rotation 2s linear infinite;
				-webkit-animation: rotation 2s linear infinite;
				-o-animation: rotation 2s linear infinite;
			}
			.isRotate{
				animation-play-state: paused
			}
			img {
				width: 130px;
				height: 130px;
				border-radius: 50%;
				//border: 1px dashed #dedede;
				margin:25px 0 0 25px;
				
			}
		}
	}
	.volume-container {
		position: relative;
		left: 20px;
		top: -3px;
	}
	.volume-container .volume-wrapper {
		opacity: 0;
		transition: opacity .5s linear;
	}
	.volume-container:hover .volume-wrapper {
		opacity: 1;
	}
	.music-title {
	    font-size: 25px;
	    font-weight: 400;
	    color: rgb(3, 3, 3);
	    height: 36px;
	    line-height: 36px;
	}
	.music-artist {
		font-size: 15px;
	    font-weight: 400;
	    color: rgb(74, 74, 74);
    }
    .left-time {
    	font-size: 14px;
    	color: #999;
    	font-weight: 400;
    	width: 40px;
    }
    .icon {
    	cursor: pointer;
    }
    .ml20 {
    	margin-left: 20px;
    }
    .mt35 {
    	margin-top: 35px;
    }
    .volume-wrapper {
    	width: 60px;
    	display: inline-block;
    }
}